<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<title>美发预约平台管理系统</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />

<link rel="stylesheet" href="../assets/css/font-awesome.min.css" />
<link rel="stylesheet" href="../assets/css/ace.min.css" />
<link rel="stylesheet" href="../assets/css/ace-rtl.min.css" />
<link rel="stylesheet" href="../assets/css/ace-skins.min.css" />
<link rel="stylesheet" href="../css/style.css" />

<script src="../assets/js/ace-extra.min.js"></script>
<script src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
	if ("ontouchend" in document)
		document
				.write("<script src='../assets/js/jquery.mobile.custom.min.js'>"
						+ "<"+"script>");
</script>
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../assets/js/typeahead-bs2.min.js"></script>
<script src="../assets/js/ace-elements.min.js"></script>
<script src="../assets/js/ace.min.js"></script>
<script src="../assets/layer/layer.js" type="text/javascript"></script>
<script src="../assets/laydate/laydate.js" type="text/javascript"></script>
<script src="../js/jquery.nicescroll.js" type="text/javascript"></script>
<!-- 鼠标特效 -->
<script type="text/javascript">
	/* 鼠标特效 */
	var a_idx = 0;
	jQuery(document).ready(function($) {
		$("body").click(function(e) {
		 var a = new Array( "富强", "民主","文明", "和谐", "自由", "平等","公正", "法治", "爱国", "敬业","诚信", "友善");
		 var $i = $("<span/>").text(a[a_idx]);a_idx = (a_idx + 1) % a.length;
		 var x = e.pageX, y = e.pageY;
			 $i.css({
					 "z-index" : 999999999999999999999999999999999999999999999999999999999999999999999,
					 "top" : y - 20,
					 "left" : x,
					 "position" : "absolute",
					 "font-weight" : "bold",
					 "color" : "#6840bf"
					});
					 $("body").append($i);
					 $i.animate({
						"top" : y - 180,
						"opacity" : 0
						}, 1500, function() {
						 $i.remove();
				  });
		});
	});
</script>


<script type="text/javascript">
	$(function() {
		var cid = $('#nav_list> li>.submenu');
		cid.each(function(i) {
			$(this).attr('id', "Sort_link_" + i);

		})
	})
	jQuery(document)
			.ready(
					function() {
						$.each($(".submenu"), function() {
							var $aobjs = $(this).children("li");
							var rowCount = $aobjs.size();
							var divHeigth = $(this).height();
							$aobjs.height(divHeigth / rowCount);
						});
						//初始化宽度、高度

						$("#main-container").height($(window).height() - 76);
						$("#iframe").height($(window).height() - 140);

						$(".sidebar").height($(window).height() - 99);
						var thisHeight = $("#nav_list").height(
								$(window).outerHeight() - 173);
						$(".submenu").height();
						$("#nav_list").children(".submenu").css("height",
								thisHeight);

						//当文档窗口发生改变时 触发
						$(window).resize(
								function() {
									$("#main-container").height(
											$(window).height() - 76);
									$("#iframe").height(
											$(window).height() - 140);
									$(".sidebar").height(
											$(window).height() - 99);

									var thisHeight = $("#nav_list").height(
											$(window).outerHeight() - 173);
									$(".submenu").height();
									$("#nav_list").children(".submenu").css(
											"height", thisHeight);
								});
						$(document)
								.on(
										'click',
										'.iframeurl',
										function() {
											var cid = $(this).attr("name");
											var cname = $(this).attr("title");
											$("#iframe").attr("src", cid)
													.ready();
											$("#Bcrumbs").attr("href", cid)
													.ready();
											$(".Current_page a").attr('href',
													cid).ready();
											$(".Current_page")
													.attr('name', cid);
											$(".Current_page").html(cname).css(
													{
														"color" : "#333333",
														"cursor" : "default"
													}).ready();
											$("#parentIframe")
													.html(
															'<span class="parentIframe iframeurl"> </span>')
													.css("display", "none")
													.ready();
											$("#parentIfour").html('').css(
													"display", "none").ready();
										});

					});
	/******/
	$(document).on('click', '.link_cz > li', function() {
		$('.link_cz > li').removeClass('active');
		$(this).addClass('active');
	});

	$(document).ready(
			function() {
				$('#nav_list,.link_cz').find('li.home').on(
						'click',
						function() {
							$('#nav_list,.link_cz').find('li.home')
									.removeClass('active');
							$(this).addClass('active');
						});
				//时间设置
				function currentTime() {
					var d = new Date(), str = '';
					str += d.getFullYear() + '年';
					str += d.getMonth() + 1 + '月';
					str += d.getDate() + '日';
					str += d.getHours() + '时';
					str += d.getMinutes() + '分';
					str += d.getSeconds() + '秒';
					return str;
				}
				setInterval(function() {
					$('#time').html(currentTime)
				}, 1000);
				
				//退出系统
				$('#Exit_system').on('click', function() {
					layer.confirm('是否确定退出系统？', {
						btn : [ '是', '否' ],//按钮
						icon : 2,
					}, function() {
						location.href = "../hlogin/viewlogin";
					});
				});
			});
	function link_operating(name, title) {
		var cid = $(this).name;
		var cname = $(this).title;
		$("#iframe").attr("src", cid).ready();
		$("#Bcrumbs").attr("href", cid).ready();
		$(".Current_page a").attr('href', cid).ready();
		$(".Current_page").attr('name', cid);
		$(".Current_page").html(cname).css({
			"color" : "#333333",
			"cursor" : "default"
		}).ready();
		$("#parentIframe")
				.html('<span class="parentIframe iframeurl"> </span>').css(
						"display", "none").ready();
		$("#parentIfour").html('').css("display", "none").ready();

	}
</script>

<script type="text/javascript">
	window.onbeforeunload = function(e) {
		var dialogText = 'CSDN';
		e.returnValue = dialogText;
		return dialogText;
	};
</script>

<script>
		function touserdetail(uid) {
			window.location.href = 'http://127.0.0.1:8080/tfood/huser/viewuserdetaile?id='+ uid;
		}
</script>

<style>
body {
	background-image: url(../images/beijing.jpg) no-repeat;
}
</style>

</head>
<body style="background-image: url(../images/beijing.jpg) no-repeat">
	<div class="navbar navbar-default" id="navbar">
		<script type="text/javascript">
			try {
				ace.settings.check('navbar', 'fixed')
			} catch (e) {
			}
		</script>
		<!-- 系统首页 退出按钮 -->
		<div class="navbar-container" id="navbar-container">

			<div class="navbar-header operating pull-left"></div>
			<div class="navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">
					<li class="light-blue">
					<a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <span class="time" style="font-size:16px"><em id="time"></em></span>
						            <span class="user-info"> <small>欢迎您</small>
						            <c:if test="${role == 0}">
						               <b style="color: red;font-size:16px">管理员</b>
						            </c:if>
						            <c:if test="${role == 1}">
						               <b style="color: red;font-size:16px">商家</b>
						            </c:if>
									</span>	
									 <i class="icon-caret-down"></i>
					</a>
						<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
							<li class="divider"></li>
							<li><a href="javascript:ovid(0)" id="Exit_system">
			                      <i class="icon-off"></i>退出</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		    </div>
	</div>
	
	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {
			}
		</script>
		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> 
			   <span class="menu-text"></span>
			</a>
			<div class="sidebar" id="sidebar">
				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'fixed')
					} catch (e) {
					}
				</script>
				<div class="sidebar-shortcuts" id="sidebar-shortcuts">
					<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">

					</div>


				</div>
				<!-- 系统内容 -->
				<div id="menu_style" class="menu_style"
					style="background-color: #438eb9">
					<ul class="nav nav-list" id="nav_list">
						<li class="home"><a href="javascript:void(0)" id="clickMe"
							name="${pageContext.request.contextPath}/ht/tohome"
							class="iframeurl" title=""><span class="menu-text"
								style="margin-left: 35px"><img
									src="${pageContext.request.contextPath}/images/shouye.png"
									style="width: 17px; height: 17px"> 系统首页 </span></a></li>
						<li><a href="#" class="dropdown-toggle"><span
								class="menu-text" style="margin-left: 35px"><img
									src="../images/shangpin.png" style="width: 17px; height: 17px">
									美发店管理 </span><b class="arrow icon-angle-down"></b></a>
							<ul class="submenu">
								<li class="home"><a href="javascript:void(0)"
									name="${pageContext.request.contextPath}/hLfdshop/toLfdshop"
									title="美发店管理" class="iframeurl">美发店列表</a></li>

							</ul></li>

						<li><a href="#" class="dropdown-toggle"><span
								class="menu-text" style="margin-left: 35px"><img
									src="../images/cylogo.png" style="width: 17px; height: 17px">
									理发师管理 </span><b class="arrow icon-angle-down"></b></a>
							<ul class="submenu">
								<li class="home"><a href="javascript:void(0)"
									name="${pageContext.request.contextPath}/hLfdlifashi/toLfdlifashi"
									title="理发师管理" class="iframeurl"><i
										class="icon-double-angle-right"></i>理发师列表</a></li>

							</ul></li>
							<li><a href="#" class="dropdown-toggle"><span
								class="menu-text" style="margin-left: 35px"><img
									src="../images/tuijian.png" style="width: 17px; height: 17px">
									美发项目管理 </span><b class="arrow icon-angle-down"></b></a>
							<ul class="submenu">
								<li class="home"><a href="javascript:void(0)"
									name="${pageContext.request.contextPath}/hIfc/toIfc"
									title="美发项目管理" class="iframeurl"><i
										class="icon-double-angle-right"></i>美发项目列表</a></li>

							</ul></li>
									<li><a href="#" class="dropdown-toggle"><span
								class="menu-text" style="margin-left: 35px"><img
									src="../images/kehu.png" style="width: 17px; height: 17px">
									预约管理 </span><b class="arrow icon-angle-down"></b></a>
							<ul class="submenu">
								<li class="home"><a href="javascript:void(0)"
									name="${pageContext.request.contextPath}/hLfdappoint/toLfdappoint"
									title="预约管理" class="iframeurl"><i
										class="icon-double-angle-right"></i>预约列表</a></li>

							</ul></li>
						<c:if test="${role==0 }">
						<li><a href="#" class="dropdown-toggle"><span
								class="menu-text" style="margin-left: 35px"><img
									src="../images/guanliyuan.png" style="width: 17px; height: 17px">
									用户管理 </span><b class="arrow icon-angle-down"></b></a>
							<ul class="submenu">
								<li class="home"><a href="javascript:void(0)"
									name="${pageContext.request.contextPath}/hCustomer/toCustomer"
									title="用户管理" class="iframeurl"><i
										class="icon-double-angle-right"></i>用户列表</a></li>
							</ul></li>
						<li><a href="#" class="dropdown-toggle"><span
								class="menu-text" style="margin-left: 35px"><img
									src="../images/huanyin.png"
									style="width: 17px; height: 17px"> 管理员管理 </span><b
								class="arrow icon-angle-down"></b></a>
							<ul class="submenu">
								<li class="home"><a href="javascript:void(0)"
									name="${pageContext.request.contextPath}/huser/touser"
									title="管理员列表" class="iframeurl"><i
										class="icon-double-angle-right"></i>管理员列表</a></li>
							</ul></li>
							</c:if>
					</ul>
				</div>
				<script type="text/javascript">
					$("#menu_style").niceScroll({
						cursorcolor : "#888888",
						cursoropacitymax : 1,
						touchbehavior : false,
						cursorwidth : "5px",
						cursorborder : "0",
						cursorborderradius : "5px"
					});
				</script>
				<div class="sidebar-collapse" id="sidebar-collapse">
					<i class="icon-double-angle-left"
						data-icon1="icon-double-angle-left"
						data-icon2="icon-double-angle-right"></i>
				</div>
				<script type="text/javascript">
					try {
						ace.settings.check('sidebar', 'collapsed')
					} catch (e) {
					}
				</script>
			</div>
			
            <!-- 系统选择 序列 -->
			<div class="main-content">
				<script type="text/javascript">
					try {
						ace.settings.check('breadcrumbs', 'fixed')
					} catch (e) {
					}
				</script>
				<div class="breadcrumbs" id="breadcrumbs">
					<ul class="breadcrumb">
						<li><i class="icon-home home-icon"></i> <a href="index.html">首页</a></li>
						<li class="active"><span class="Current_page iframeurl"></span></li>
						<li class="active" id="parentIframe"><span class="parentIframe iframeurl"></span></li>
						<li class="active" id="parentIfour"><span class="parentIfour iframeurl"></span></li>
					</ul>
				</div>

				<iframe id="iframe" style="border: 0; width: 100%; background-color: #FFF;"
					name="iframe" frameborder="0" src="../ht/tohome"> 
				</iframe>
			</div>

			
			</div>
		</div>

	</div>
</body>
</html>

